<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core">
    <f:view>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
            <title>Carga Pacientes</title>
            <link type="text/css" href="../common/css/redmond/jquery-ui-1.8.23.custom.css" rel="stylesheet" />
            <link type="text/css" href="../common/css/administrar.css" rel="stylesheet" />

            <!--<script type="text/javascript" src="../common/js/jquery-1.4.2.min.js"></script>
            <script type="text/javascript" src="../common/js/jquery.ui.all.js"></script>
            <script type="text/javascript" src="../common/js/jquery.layout.js"></script> 
            <script type="text/javascript" src="../common/js/jquery-ui-1.8.6.custom.min.js"></script>-->
            <script type="text/javascript" src="../common/js/jquery-1.8.0.min.js"></script>
            <script type="text/javascript" src="../common/js/jquery-ui-1.8.23.custom.min.js"></script>
            <script type="text/javascript" src="../common/js/calendarioui-es.js"></script>
            <script type="text/javascript" src="../common/js/jquery.dateentry.js"></script>
            <script type="text/javascript" src="../common/js/agenda.js"></script>
            <script type="text/javascript" src="../common/js/jquery.tablesorter.min.js"></script>
            <script type="text/javascript" src="../common/js/jquery.metadata.js"></script>
            <script type="text/javascript" src="../common/js/jquery.tablesorter.pager.js"></script>
            <script type="text/javascript" src="../common/js/jquery.validate.js"></script>
            <script type="text/javascript" src="../common/js/messages_es.js"></script>
            <script type="text/javascript" src="../common/js/jquery.zebra.js"></script>




        </head>
        <body>

            <div style="width: 100%; text-align: center">


                <h3 style="text-align: center" class="ui-widget-header">Configuraci&oacute;n Agenda M&eacute;dica</h3>
                <br />

                <form id="formAgenda">
                    <table align="center" class="ui-widget-content">
                        <tr class="ui-widget-header">
                            <td colspan="2">Seleccionar Ips</td>
                        </tr>

                        <tr align="left">
                            <td>Ips</td>
                            <td>
                                <select id="id_sede" name="id_sede" class="text ui-widget-content"></select>
                            </td>
                        </tr>

                        <tr class="ui-widget-header">
                            <td colspan="2">Seleccionar M&eacute;dico</td>
                        </tr>


                        <tr align="left">
                            <td>Especialidad</td>
                            <td>
                                <select id="id_especialidad" name="id_especialidad" class="text ui-widget-content"></select>
                            </td>
                        </tr>
                        <tr align="left">
                            <td>M&eacute;dico</td>
                            <td>
                                <select id="id_medico" name="id_medico" class="text ui-widget-content" onchange="consultarTurnos()"></select>
                            </td>
                        </tr>
                    </table>
                    <table align="center" class="ui-widget-content" id="tdias">

                        <tr>
                            <td style="text-align: center;">
                                <input type="checkbox" name="chtodos" value="Todos" >Todos</input>
                            </td> 
                            <td style="text-align: center;">
                                <input type="checkbox" name="chlunes" value="Lunes">Lunes</input>
                            </td> 
                            <td style="text-align: center;">
                                <input type="checkbox" name="chmartes" value="Martes">Martes</input>
                            </td> 
                            <td style="text-align: center;">
                                <input type="checkbox" name="chmiercoles" value="Miercoles">Miercoles</input>
                            </td> 
                            <td style="text-align: center;">
                                <input type="checkbox" name="chjuves" value="Jueves">Jueves</input>
                            </td> 
                            <td style="text-align: center;">
                                <input type="checkbox" name="chviernes" value="Viernes">Viernes</input>
                            </td> 
                            <td style="text-align: center;">
                                <input type="checkbox" name="chsabado" value="Sábado">S&aacute;bado</input>
                            </td>    

                        </tr>

                    </table>

                    <table align="center" class="ui-widget-content">
                        <tr class="ui-widget-header">
                            <td colspan="2" >Agenda</td>
                            <td>Horas / Minutos</td>
                        </tr>
                        <tr>
                            <td>
                                Fecha Inicio
                            </td>
                            <td>
                                <input type="text" id="fecha_ag" name="fecha_ag" class="ui-widget-content"/>
                            </td>
                            <td>
                                <select id='hours' onchange='calcT3()' name='hours'   ></select> 
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <select id='minutes' onchange='calcT3()' name='minutes' ></select>

                            </td>
                        </tr>
                        <tr>
                            <td>
                                Fecha Final
                            </td>
                            <td>
                                <input type="text" id="fecha_ag1" name="fecha_ag1" class="ui-widget-content"/>                            
                            </td>
                            <td>
                                <select id='hours1' onchange='calcT3()' name='hours1' ></select> 
                                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <select id='minutes1' onchange='calcT3()' name='minutes1' ></select>                            
                            </td>
                        </tr>

                        <!--
                        <tr>
                            <td>
                                Hora Inicio
                            </td>
                            <td>
                                <table>
                                    <tr>
                                        <td>
                                            <select id='hours'    name='hours'    onchange="setTimeStamp()"></select>
                                        </td>
                                        <td>
                                            <select id='minutes'  name='minutes'  onchange="setTimeStamp()"></select>
                                        </td>
                                        <td>
                                            <select id='meridian' name='meridian' onchange="setTimeStamp()"></select>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Hora Final
                            </td>
                            <td>
                                <table>
                                    <tr>
                                        <td>
                                            <select id='hours1'    name='hours1'    onchange="setTimeStamp1()"></select>
                                        </td>
                                        <td>
                                            <select id='minutes1'  name='minutes1'  onchange="setTimeStamp1()"></select>
                                        </td>
                                        <td>
                                            <select id='meridian1' name='meridian1' onchange="setTimeStamp1()"></select>
                                        </td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        -->

                        <tr>
                            <td>Tiempo Cita</td>
                            <td>
                                <input type="text" onkeyup="calcT3()" id="tiempo" value="#{medicoEdicionBean.tiempo}" />
                            </td>
                        </tr>
                        <tr>
                            <td>Turnos</td>
                            <td>
                                <input type="text" id="turnos" value="#{medicoEdicionBean.turnos}" />
                            </td>
                        </tr>
                    </table>



                    <input type="hidden" id="hinicio"  value="#{medicoEdicionBean.hinicio}" />
                    <input type="hidden" id="hfin"  value="#{medicoEdicionBean.hfin}" />
                    <input type="hidden" id="valid1"  value="0" />

                </form>

                <center>
                    <button id="addTurno"  onclick="adcionarTurno()">
                        <img  style="cursor: pointer" src="../common/img/addturno.png" styleClass="icon">
                        </img>
                    </button>
                </center>

                <div id="turnos_medico">
                </div>


            </div>

        </body>
    </f:view>
</html>
